@import '../../../../../assets/styles/mixin.less';
.authorize-manage {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ffffff;
  .header {
    height: 200rpx;
    color: #ffffff;
    background-color: #2172ED;
    border-bottom: 1rpx dashed rgba(255,255,255,0.3);
    .course-main {
      display: flex;
      justify-content: space-between;
      align-items: center;
      height: 100%;
      width: 100%;
      line-height: 1;
      padding: 0 24rpx;
      box-sizing: border-box;
      .course-info {
        .title {
          width: 505rpx;
          font-size: 36rpx;
          font-weight: bold;
          margin-bottom: 24rpx;
          .no-wrap();
        }
        .content {
          display: flex;
          font-size: 28rpx;
          .column {
            flex: 1;
            line-height: 52rpx;
          }
        }
      }
      .go-details {
        display: flex;
        align-items: center;
        .common {
          display: flex;
          justify-content: space-between;
          align-items: center;
          width: 196rpx;
          height: 60rpx;
          background-color: #1E66D5;
          font-size: 24rpx;
          color: #ffffff;
          border: 1rpx solid rgba(250, 250, 250, 0.2);
          border-radius: 30rpx;
        }
        .week {
          padding: 0 22rpx 0 10rpx;
          box-sizing: border-box;
          .title {
            display: flex;
            justify-content: center;
            width: 148rpx;
          }
          .icon {
            transform: rotate(-90deg);
            .icon-xiajiantou {
              font-size: 18rpx;
            }
          }
        }
        .hover-week {
          background-color: rgba(33, 114, 237, 0.8);
        }
      }
    }
  }
  .list-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 88rpx;
    padding: 0 24rpx;
    box-sizing: border-box;
    font-size: 30rpx;
    color: #ffffff;
    background-color: #2172ED;
    .info {
      display: flex;
    }
    .btn-group {
      text-align: center;
      width: 240rpx;
    }
  }
  .scroll-list {
    position: absolute;
    top: 288rpx;
    bottom: 0;
    .list-content {
      .item {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        height: 88rpx;
        padding: 0 24rpx;
        box-sizing: border-box;
        .info {
          display: flex;
          .name {
            font-size: 30rpx;
            color: #111111;
          }
          .stu-id {
            font-size: 28rpx;
            color: #222222;
          }
        }
        .btn-group {
          display: flex;
          align-items: center;
          width: 240rpx;
          height: 48rpx;
          font-size: 24rpx;
          border-radius: 24rpx;
          background-color: #E8F1FF;
          border: 1rpx solid #2172ED;
          .common {
            flex: 1;
            display: flex;
            justify-content: center;
          }
          .del-btn {
            color: #DB3C3C;
          }
          text {
            color: #2172ED;
          }
          .authorize-btn {
            color: #2172ED;
          }
        }
      }
      .item:nth-child(2n) {
        background-color: #eeeeee;
      }
    }
  }
  .add-stu {
    margin: 48rpx 30rpx 44rpx;
    box-sizing: border-box;
    line-height: 1;
    .course-name {
      display: flex;
      justify-content: center;
      font-size: 36rpx;
      font-weight: bold;
      color: #333333;
    }
    .stu-id-wrap {
      display: flex;
      justify-content: center;
      .stu-id-input {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 540rpx;
        height: 68rpx;
        margin-top: 66rpx;
        border-radius: 34rpx;
        border: 1rpx solid #2172ED;
        .placeholder-stu-id {
          font-size: 24rpx;
          color: #CCCCCC;
          text-align: center;
        }
        .stu-id {
          font-size: 24rpx;
          color: #222222;
          text-align: center;
        }
      }
    }
    .btn-group {
      position: fixed;
      bottom: 44rpx;
      left: 0;
      right: 0;
      display: flex;
      justify-content: space-between;
      .btn-common {
        width: 280rpx;
        height: 68rpx;
        font-size: 26rpx;
        color: #ffffff;
        border-radius: 4rpx;
        box-shadow: 0rpx 0rpx 10rpx 0rpx rgba(153,153,153,0.41);
      }
      .btn-common:after{
        border: none;
      }
      .confirm {
        background-color: #2172ED;
      }
      .cancel {
        background-color: #CCCCCC;
      }
    }
  }
}